<div class="form-group" [ngClass]="{'has-success': inputValid, 'has-error': inputInvalid}">
    <label>
        <span *ngIf="isRequired" class="required">
            <i class="fa fa-asterisk"></i>
        </span>
        {{labelTitle}}
    </label>
    <input #input class="form-control" [placeholder]="placeholder" [formControl]="reactiveFormControl"
        [type]="inputType" [maxlength]="maxLength">
    <span *ngIf="maxLength" class="pull-right">{{input.value?.length || 0}}/{{maxLength}}</span>
    <op-single-error-message [formModel]="ngForm" [fieldModel]="reactiveFormControl" [labelTitle]="labelTitle"></op-single-error-message>
</div>